
$(function(){
    //顶部导航
    //顶部小箭头
    $('.click_to_show').on('click',function(){
        $('.veo_brand_mb').toggleClass('hide');

    });
    //顶部小特效
    var img=document.querySelectorAll('.top_img img');
    for(var i=0;i<img.length;i++){
        img[i].i=i;
        img[i].onmouseover=function(){
            img[this.i].style.backgroundColor='white';
        };
        img[i].onmouseout=function(){
            img[this.i].style.backgroundColor='';
        }
    }
    //主体左侧侧菜单栏
    var  tab=document.querySelectorAll('.left_main dl');
    var  tab2=document.querySelector('.left_menu');
    for(var i=0;i<tab.length;i++){
        tab[i].index=i;
        tab[i].onmouseover=function(){
            $('.left_menu').removeClass('hide');
            $('.wraper').addClass('hide');
            $(this).find('span').css('color','#333');
        };
        tab[i].onmouseout=function(){
            $(this).find('span').css('color','#ccc');
            $('.left_menu').toggleClass('hide');
            $('.wraper').toggleClass('hide');
        };
        tab2.onmouseover=function(){
            $('.left_menu').toggleClass('hide');
            $('.wraper').toggleClass('hide');
        };
        tab2.onmouseout=function(){
            $('.left_menu').toggleClass('hide');
            $('.wraper').toggleClass('hide');
        };
    }
    //主题右侧秒杀倒计时
    function leavetime(){
        var ET=new Date('2016/08/07 09:51:00 ');
        var NT=new Date();
        var t=ET.getTime()-NT.getTime();
        var h=Math.floor(t/1000/60/60%24);
        var m=Math.floor(t/1000/60%60);
        var s=Math.floor(t/1000%60);
        $('#t_h').text((h<10?'0'+h:h)+':');
        $('#t_m').text((m<10?'0'+m:m)+':');
        $('#t_s').text(s<10?'0'+s:s);
        if(h<=0&&m<=0&&s<=0){
            $('#t_h').text('00:');
            $('#t_m').text('00:');
            $('#t_s').text('00');

        }
    }
     setInterval(leavetime,100);
    //主体下方小轮播图
    $('.next').click(function(){
        //这个是让整个ul先向前滑动个li ,如果要一次性滑动5个~那么就是550px.
        //想向上滚动就改成 $(".content ul").animate({"margin-top":"-105px"}
        //想向下滚动就改成 $(".content ul").animate({"margin-top":"105px"}
        //想向右滚动就改成 $(".content ul").animate({"margin-left":"110px"}

        $(".items").animate({"marginLeft":""},function(){
            $(".items").find('li:last').prependTo($('.items'));
            $(".items").css({"margin-left":'-240px'});
        });
    });
    $('.prev').click(function(){
        $(".items").animate({"marginLeft":"-240px"},function(){
            $(".items").find('li:first').appendTo($(".items"));
            $(".items").css({"margin-left":0})
        })
    });
    //mouseover事件
    var li=document.querySelectorAll('.items li');
    for(var i=0;i<li.length;i++){
        li[i].i=i;
        li[i].onmouseover=function(){
            li[this.i].style.backgroundColor='lightgray';
        };
        li[i].onmouseout=function(){
            li[this.i].style.backgroundColor='';
        }
    }

    //滚动条事件
    $(window).on('scroll',function(){
        if($(window).scrollTop()>=300){
            $('.header').css('display','none');
            $('.backtop').css('display','block')
        }else{
            $('.header').css('display','block');
            $('.backtop').css('display','none')
        }
        //预加载
        if($(window).scrollTop()>=$(document).height()-$(window).height()){

        }
    });
    //点击回到顶部
    $('.backtop').on('click',function(){
        $(window).scrollTop(0);
    })

});